<?php if (__FILE__ == $_SERVER['SCRIPT_FILENAME']) { die(); }
extract(itx_get_option('header'));?>

<div id="itx-header">
<h3>Custom Header Logo</h3>

<p><b>Preview</b>: <small>(might not accurate)</small></p>
<p>The dotted line indicates the scope. (defined in: header options item number 5).</p>
<div class="outerwrap">
<?php itx_header()?>
</div>
<div class="form-table">
<h4>1. Show in header:</h4>
    <?php
    itx_form_radios(array('Text Header (clickable)','Text (clickable) and Image Header (background)','Image Only (clickable logo)'), 'itx_header[head_type]', $head_type);
    ?>

<h4>2. Image to put in the header:</h4>
if option 1B or 1C selected<br />
<input type="text" name="itx_header[image]" value="<?php echo $image;?>" class="regular-text" /><br />
Type in the image's url. Don't forget the http://

<h4>3. Repeat the image</h4>
if option 1B selected<br />
    <?php
    itx_form_radios(array('no-repeat'=>'none','repeat-x'=>'Repeat Horizontally','repeat-y'=>'Repeat Vertically','repeat'=>'Repeat Horizontally and Vertically'), 'itx_header[repeat]', $repeat);
    ?>

<h4>4. Image alignment</h4>
if option 1C or 3A selected<br />
    <?php
    itx_form_radios(array('left'=>'Left','center'=>'Center','right'=>'Right'), 'itx_header[position]', $position);
    ?>

<h4>5. Image scope</h4>
if option 1B or 1C selected<br />
Not efective if you choose flexible layout (defined in: Layout Option).<br />
    <?php
    $wrapper=itx_get_option('layout');
    if ($wrapper['wrapping']=='fixed') $wrapping=$wrapper['wrap'].'px';
    else $wrapping='100%';
    itx_form_radios(array('As width as wrapper width ('.$wrapping.')','Full Width'), 'itx_header[scope]', $scope);
    ?>

<h4>6. Text alignment</h4>
    <?php
    itx_form_radios(array('left'=>'Left','center'=>'Center','right'=>'Right'), 'itx_header[text_align]', $text_align);
    ?>

<h4>Colors and Sizes</h4>
<?php
echo '<table><tr><td>
Header background color</td><td><input type="text" name="itx_header[bgcolor]" value="'.$bgcolor.'" size="9" > tip: use <em>transparent</em> to make it same as body background</td></tr><tr><td>
Blog Title color</td><td><input type="text" name="itx_header[color]" value="'.$color.'" size="9" > tip: you may use <em>black</em> instead of <em>#000000</em></td></tr><tr><td>
Blog Title hover color</td><td><input type="text" name="itx_header[hover_color]" value="'.$hover_color.'" size="9" ></td></tr><tr><td>
Tagline color</td><td><input type="text" name="itx_header[span_color]" value="'.$span_color.'" size="9" ></td></tr><tr><td>
Blog Title font size</td><td><input type="text" name="itx_header[font_size]" value="'.$font_size.'" size="4" >size in pt,px,em,etc. </td></tr><tr><td>
Tagline font size</td><td><input type="text" name="itx_header[span_font_size]" value="'.$span_font_size.'" size="4" ></td></tr></table>';
?>
</div>
<button type="submit" name="itx_reset" class="button-secondary"  value="header">Reset to default Header Options</button>
</div>